如何一次只生成x个html元素

在这个数据库中,我有100个虚拟用户。

我想生成两个html元素( <div/>

这就是我目前所拥有的

@for (int i = 0; i < Model.UserList.Count; i += 2)
            {
                var displayUsers = Model.UserList.Skip(i).Take(2);

                foreach (var user in displayUsers)
                {
                    <div class="card-item"></div>
                }

            }

<div/> 直到它在列表的末尾。 我希望能够有一个简单的按钮,我点击,删除一个同时点击,然后再点击一次,一旦这些都不见了,它会从列表中得到下两个。

但是我不知道该怎么做,创建一个删除元素的按钮,然后有一个标志,上面写着“好的,把下两个带进来”。

我应该用什么方法来解决这个问题?