javascript - 一連の順序付けられていないリストを作成しようとすると、Knockoutjs が例外をスローする

Question

コンテキスト<ul>を使用して一連のタグを作成しようとしています。foreach:目標は、リストを繰り返し処理し、4 番目のアイテムごとに新しいものを開始することです。 <ul>これまでの私のコードは次のとおりです。

<ul data-bind="foreach: Areas">
   <li><span>
      <input type="checkbox" data-bind="value: AreaId, checked: $root.AreasImpacted" />
      <label><span data-bind="text: Name"></span></label>
   </span></li>

   <!-- ko if: ($index() % 4 == 0) -->
   </ul><ul>
   <!-- /ko -->
</ul>

これを行うと、例外が発生します。

Microsoft JScript ランタイム エラー: 一致する終了コメント タグが見つかりません: ko if: ($index() % 4 == 0)

</li><li>コメント ブロック内のコンテンツが気に入らないようです。これはifおそらく、DOM パーサーが実際にこれを解析する方法に頭を悩ませているためです。それを次のように変更すると:

<!-- ko if: ($index() % 4 == 0) -->
<li>Fake!</li>
<!-- /ko -->

その後、完全に機能します (つまり、<li>4 番目の要素ごとに偽物を作成します。

これを達成するための他のアイデアも受け入れています。ありがとう！