javascript - if バインディングで foreach と $index を使用する Knockout.js

Question

div 3 x 3 内にグループ化された反復リストの要素を表示しようとしています。 の値を使用しました$indexが、なぜ正しく表示されないのかわかりません。

<div class="row" data-bind="foreach: displaySel">
     <div class="col-md-2">
          <!--ko if: $index() % 3 === 0-->
          <div data-bind="attr:{id: 'div_'+$index()}">
          <!--/ko -->
               <div data-bind="attr:{id: 'g_'+$data.hId}" style="position:relative;">
                    <div>other things here</div>
               </div>
          <!--ko if: ($index() % 3 === 2 || $index() === displaySel.length - 1)-->
          </div>
          <!--/ko -->
    </div>
</div>

最初の div は、最初の要素情報の前に開き、3 番目の要素情報の後に閉じる必要があります。2 番目の div は 4 番目の div の前に開き、次の 3 つの後に閉じます。リストが終了するまで、というように続きます。ここで最善のアプローチは何ですか？