Displaying ArrayList with next and previous buttons Javafx

It would be better to move the nodes for displaying the city to a new class. This way you can more easily seperate the concerns. (You don't need to consider the city display when implementing the navigation and the other way round.)

public class CityView extends GridPane {

    public CityView() {
        setHgap(5);
        setVgap(5);
        setPadding(new Insets(25, 25, 25, 25));

        Label label1 = new Label("City:");
        TextField cityText = new TextField();

        Label label2 = new Label("State:");
        TextField stateText = new TextField();

        Label label3 = new Label("Zip Code:");
        TextField zipCodeText = new TextField();

        Label label4 = new Label("Longitude:");
        TextField longitudeText = new TextField();

        Label label5 = new Label("Longitude:");
        TextField latitudeText = new TextField();

        addColumn(0, label1, label2, label3, label4, label5);
        addColumn(1, cityText, stateText, zipCodeText, longitudeText, latitudeText);

        this.city.addListener((o, oldValue, newValue) -> {
            // fill TextFields with new city values
            String name = null;
            String state = null;
            String zipCode = null;
            String longitude = null;
            String latitude = null;

            if (city != null) {
                name = newValue.getCity();
                state = newValue.getState();
                zipCode = String.valueOf(newValue.getpostalCode());
                longitude = String.valueOf(newValue.getLongitude());
                latitude = String.valueOf(newValue.getLatitude());
            }

            cityText.setText(name);
            stateText.setText(state);
            zipCodeText.setText(zipCode);
            longitudeText.setText(longitude);
            latitudeText.setText(latitude);
        });
    }

    private final ObjectProperty<City> city = new SimpleObjectProperty<>(this, "city");

    public ObjectProperty<City> cityProperty() {
        return city;
    }

    public City getCity() {
        return cityProperty().get();
    }

    public void setCity(City city) {
        cityProperty().set(city);
    }

}

@Override
public void start(Stage primaryStage) {
    ObservableList<City> cities = FXCollections.observableArrayList(
            new City("Miami", "Florida", 33175, -80.4068, 25.7341),
            new City("Seattle", "Washington", 98109, -122.3476, 47.6339),
            new City("Levittown", "Pennsylvania", 19058, -75.1028, 40.3286),
            new City("Tampa", "Florida", 33625, -82.559, 28.0726),
            new City("Topeka", "Kansas", 66617, -95.6384, 39.1271));

    IntegerProperty index = new SimpleIntegerProperty();
    IntegerBinding displayIndex = index.add(1);
    IntegerBinding size = Bindings.size(cities);
    size.addListener((o, oldValue, newValue) -> {
        // keep index valid when cities are removed (not necessary for lists that are not modified)
        int newSize = newValue.intValue();
        int i = index.get();
        if (i+1 >= newSize) {
            index.set(Math.max(0, newSize - 1));
        }
    });

    CityView cityView = new CityView();
    cityView.cityProperty().bind(Bindings.valueAt(cities, index));

    Button last = new Button("<");
    last.setOnAction(evt -> {
        index.set(index.get() - 1);
    });
    last.disableProperty().bind(index.lessThanOrEqualTo(0));

    Button next = new Button(">");
    next.setOnAction(evt -> {
        index.set(index.get() + 1);
    });
    next.disableProperty().bind(displayIndex.greaterThanOrEqualTo(size));

    Label indexLabel = new Label();
    indexLabel.setMaxSize(Region.USE_PREF_SIZE, Double.MAX_VALUE);
    indexLabel.setAlignment(Pos.CENTER_RIGHT);
    indexLabel.setPrefWidth(20);
    indexLabel.textProperty().bind(displayIndex.asString());

    HBox navigation = new HBox(10, last, indexLabel, next);
    navigation.setFillHeight(true);

    VBox root = new VBox(cityView, navigation);

    Scene scene = new Scene(root);

    primaryStage.setScene(scene);
    primaryStage.setResizable(false);
    primaryStage.show();
}

a complete minimal sample would help to answer, but as you did not provide this i just describe what you have to do:

• get rid of the for loop,
• create a method that accepts a City and has access to ArrayList cities (static? or as parameter for this method
• assign the values of city to the Nodes form the UI

this code is written out of my mind, so it might not compile, but it is only intended to give you a direction anyway

// Note that you could also do this by using the index, instead of city...
public void set(final City city) {
    // assign values to the Nodes of the UI
    // ...
    // update the onAction Event for the NextButton
    getNextButton().setOnAction(new EventHandler<ActionEvent>() {
        @Override
        public void handle(ActionEvent event) {
            //getNextIndexOf returns the index of the City+1 (if possible)
            set(cities.get(getNextIndexOf(city));
        }
    });
    // update the onAction Event for the PreviousButton
    // do the equivalend as for the NextButton but decreasing the index
}