JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js"></script>
<!-- ko foreach: selectedMakes -->
Before: <span data-bind="text: ko.toJSON($data)"></span><br/>
<p>
    <select data-bind="value: id, optionsCaption: ' ', options: $root.allMakes, optionsText: 'name', optionsValue: 'id'"></select>
</p>
After: <span data-bind="text: ko.toJSON($data)"></span><br/>
<!-- /ko -->

JavaScript

var vm = {
    allMakes: [
        { id: 1, name: 'Ford' },
        { id: 2, name: 'Chevy' },
        { id: 3, name: 'Dodge' }
    ],
    selectedMakes: ko.observableArray([
        { id: 1, name: 'Ford' },
        { id: 2, name: 'Chevy' }
    ])
};
    
ko.applyBindings(vm);