Typeahead.js funktioniert in Knockout 3 nicht für jede Bindung

Ich habe eine Web-App auf Bootstrap 3 und Knockout 3 aktualisiert und infolgedessen den in Bootstrap 2 eingebauten Typeahead verloren. Ich habe typeahead.js hinzugefügt und es funktioniert hervorragend, wenn ich keinen Typeahead innerhalb einer Knockout-Foreach-Bindung habe. Ich habe unten funktionierenden und fehlgeschlagenen Code zusammen mit dem Javascript-Code für die Typeahead- und Bootstrap-Bindung eingefügt. Irgendwelche Ideen?

<form role="form">
    <div class="row">
        <div class="col-sm-4 form-group">
            <input type="text" class="form-control sectionNames" data-bind="value: name" />
        </div>
    </div>
    <div data-bind="foreach: section">
        <div class="row">
            <div class="col-sm-4 form-group">
                <input type="text" class="form-control sectionNames" data-bind="value: name" />
            </div>
        </div>
    </div>
</form>

Javascript für typeahead.js und Knockout-Bindungen

<script>
    $( document ).ready(function() {
        $('input.sections').typeahead({
            name: 'sectionName',
            local: [
                'ABC',
                'DEF'
            ]
        });

        ko.applyBindings({
            section : [
                { name: "", other: "1234" },
                { name: "", other: "5678" }
            ]
        });
    });
</script>

Antworten auf die Frage(2)

Ihre Antwort auf die Frage