JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/mootools/1.5.1/mootools-yui-compressed.js"></script>
<div>
    <select data-bind="foreach: animais">
        <option data-bind="text: nome, value: id"></option>
    </select>
</div>

JavaScript

var Animal = new Class({
    initialize: function(id, nome) {
        this.self = this;
        self.id = id;
        self.nome = nome;
    }
});

viewModel = new Class({
    initialize: function(animais) {
        this.self = this;
        self.animais = ko.observableArray(animais);
    }
});

ko.applyBindings(new viewModel([
    new Animal(1, "Cachorro"),
    new Animal(2, "Gato"),
    new Animal(3, "Macaco")
]));