javascript - ForeachのKnockout.js関数の戻り値?

Question

ノックアウト JS を使用して、ネストされた foreach 値をレンダリングしようとしています。

私がやろうとしているのは、グループ化された各パラメーターの個別の値を取得することです。

HTML:

<!-- ko if: documentVM.Groups().length != 0 -->
<tbody data-bind="foreach: documentVM.Groups">
    <!-- ko foreach: documentVM.sortGroup(val)  -->
        <tr class="groupHead">
            <td colspan="5" data-bind="text: val"></td>
        </tr>
    <!-- /ko -->
</tbody>
<!-- /ko -->

JS:

self.sortGroup = function(groupby) {
    return ko.computed(function() {
        var groupkey = ko.utils.arrayMap(self.filteredRecords(), function(item) { return item[groupby]; });
        var computed = ko.utils.arrayGetDistinctValues(groupkey);
        return computed;
        });
    };

残念ながら、computed は期待どおりに異なる値の配列であるにもかかわらず、このコードは破綻します。

これについてもっとうまくいく別の方法はありますか？