Html 淘汰赛

我如何做到这一点：

<div class="boxes-container">
<!-- ko foreach: Items -->
  <!-- ko if: DisplayCount < @itemsCount -->
     @Html.Raw("</div><div class='boxes-container'>")
     @{ itemsCount = 0;}
  <!-- /ko -->
   .....
<!-- /ko -->
</div>

@Html.Raw（“”）
@{itemsunt=0；}
.....

现在它返回这个错误：错误：找不到要匹配的结束注释标记：ko foreach:Items

我提出了一个可能是解决方案的解决方案，其中

Grouped

是一个计算结果，因此即使

Items

是一个可观察的数组，它也会工作

var VM = function () {
    var self = this;
    self.Items = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
    self.DisplayCount = 3;
    self.Grouped = ko.computed(function () {
        var groups = [];
        for (var index = 0; index < self.Items.length; index = index + self.DisplayCount) {
            groups.push(self.Items.slice(index, index + self.DisplayCount));
        }
        return groups;
    });    
};

var VM=function（）{
var self=这个；
自我项目=[1,2,3,4,5,6,7,8,9,10,11,12]；
self.DisplayCount=3；
self.Grouped=ko.computed（函数（）{
var组=[]；
对于（var index=0；index

和视图

<!-- ko foreach: Grouped -->
<div class='boxes-container'>
<!-- ko foreach: $data -->
    <span data-bind="text: $data"></span>
<!-- /ko -->
</div>
<!-- /ko -->

---

您为什么需要这样做？你不能这样做吗？不，我不能，因为我正在一个div（盒子容器）中绘制元素，当我达到一定数量的元素时，我必须关闭该容器并开始一个新的容器。。。